[CSS] color 속성 지정시 border color 색상 자동 지정

말그대로 color에 색이 지정되어 있으면 border에 영향을 받는다. 이는 글꼴이 가진 폰트 색상이 테두리의 색상에 default 값으로 지정된다는 것을 의미한다. 결국 테두리의 색상과 폰트생이 같아야 한다면 font의 색상만 color 속성으로 지정할 경우 함께 변한다는 것을 의미한다.

개발자는 코드를 간결하게 유지해햐 하며 가급적 행사코드의 사용을 줄이는 게 좋기 때문에 border 역시 폰트 색상과 동일하다면 color 부분을 빼주는 것이 좋다.

예를들어 아래의 두 코드는 모두 같은 색의 border-color 속성을 같는다.



결국 문자와 테두리 색상이 같은 경우 color 속성만으로 지정할 수 있다는 점이 이 글의 포인트다.